<template>
   <transition>
       <!-- 插槽 -->
       <slot></slot>
   </transition>
</template>
   
<script>
   export default {
       data () {
           return {
               
           }
       }
   }
</script>
   
<style scoped>
   .v-enter,.v-leave-to{
       opacity: 0;
   }
   .v-enter-active,.v-leave-active{
       transition: opacity 1s;
   }
   .v-enter-to,.v-leave{
       opacity: 1;
   }
</style>